<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>未处理的事件</title>
	<%@include file="/common/commonCSS.jsp" %>
	<%@include file="/common/commonJS.jsp" %>
	<%@include file="/WEB-INF/jsp/include/taglib.jsp" %>


	</head>
<body>
<div class="main-container" id="main-container">

	<div class="row" style="margin-top: 20px;">
		<div class="row" style="margin-top: 20px;">
			<div class="col-md-12">
				<form class="layui-form" id="search-from" action="${webRoot}/report/increport/IncColumnOperatorNumTop10">
					<div class="layui-form-item">
						<label class="layui-form-label" style="width:6%;">名称:</label>
						<div class="layui-input-inline">
							<input type="text" name="name" value="${params.name}"  placeholder="请输入名称"  class="layui-input" >
						</div>
						<button class="layui-btn" id="searchSubmit"><i class="layui-icon">&#xe615;</i>搜 索</button>
						<button class="layui-btn layui-btn-warm" type="button" id="refresh">重 置</button>
						<%--<a class="layui-btn" href="${webRoot}/sla/slaalerttemp/info"><i class="layui-icon">&#xe61f;</i> 新 增</a>--%>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="container" style="min-width:400px;height:400px"></div>
</div>
<script type="text/javascript">


    var result = ${data};
//    var result = data.data;
    var categories = new Array();
    var mount = new Array();
    var opts = new Array();
    $.each(result, function(i,item) {
        categories[i] = item.user_name;
        mount[i] = item.TICKET_MOUNT;
        var tmpParam = {};
//
        tmpParam.deal_operator = item.ID,
            opts[i] = tmpParam;
    });
    var series = [{name:"处理事件数",data:mount,opts:opts}];
//
    $('#container').highcharts({
        chart: {
            type: 'column',
            margin: 75,
            options3d: {
                enabled: true,
                alpha: 5,
                beta: 15,
                depth: 70
            }
        },
        credits: {enabled:false},
        title: {text: '人员处理数TOP10柱状图'},
        lang : {noData : '暂无数据显示'},
        plotOptions: {
            column: {
                depth: 25,
                dataLabels: {
                    enabled: true,
                    formatter: function() {
                        return Highcharts.numberFormat(this.y, 0, ',');
                    }
                }
//                ,
//                events: {click: clickFunction}
            }
        },
        xAxis: {categories: categories},
        yAxis: {
            title: {text: null}
        },
        series: series
    });





</script>
</body>

</html>